<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <link rel="stylesheet" type="text/css" media="all" href="../css/bootstrap.css" />  
      	<link rel="stylesheet" type="text/css" media="all" href="../css/developby.css" />  
        <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
     	  <script src="http://code.jquery.com/jquery-latest.js"></script>
        <script src="../js/bootstrap.js"></script>
        <script src="../js/jquery.bootstrap.wizard.js"></script>
        <script src="../js/prettify.js"></script>
        <title>Aphi</title>
    </head>
    <body>
        
	    <div class="container"> 
      <div class="row">
        <div class="col-lg-4"></div>
        <div class="col-lg-4 text-center"><br>
          <img src="../img/pm.png" width="400"><br><br>        
        </div>
      </div>
<?if(!empty($seccion)){?>      
      <ul class="nav nav-tabs">
        <li <?=(($seccion==2)?'class="active"':'')?> ><a href="panel.php">Definición</a></li>
        <li <?=(($seccion==3)?'class="active"':'')?> ><a href="panelS.php">Seguimiento</a></li>
        <li <?=(($seccion==4)?'class="active"':'')?> ><a href="panelR.php">Retroalimentación</a></li>
        <li><a href="../index.php">Salir</a></li>
      </ul>
<?}else{?>
      <div class="row">
        <div class="col-lg-12" style="background-color:#CBB19C"></div>
      </div>
<?}?>

